
<style>
<!--
.payment_module {
	display: block;
}

.payment_module a:hover,.payment_module a:focus,.payment_module a:active
	{
	background-color: #E5E6E7;
	border: 1px solid #488C40;
	color: #374853;
}

.payment_module a {
	border: 1px solid #595A5E;
	display: block;
	padding: 0.6em;
	text-decoration: none;
}
-->
</style>
<script type="text/javascript"><!--
var selected;

function selectRowEffect(object, buttonSelect) {
  if (!selected) {
    if (document.getElementById) {
      selected = document.getElementById('defaultSelected');
    } else {
      selected = document.all['defaultSelected'];
    }
  }

  if (selected) selected.className = 'moduleRow';
  object.className = 'moduleRowSelected';
  selected = object;

// one button is not an array
  if (document.checkout_payment.payment[0]) {
    document.checkout_payment.payment[buttonSelect].checked=true;
  } else {
    document.checkout_payment.payment.checked=true;
  }
}

function rowOverEffect(object) {
  if (object.className == 'moduleRow') object.className = 'moduleRowOver';
}

function rowOutEffect(object) {
  if (object.className == 'moduleRowOver') object.className = 'moduleRow';
}
//--></script>
<script type="text/javascript"><!-- 
function check_form(payment) {
  
  var form = document.checkout_payment; 
    submitted = true;		
	form.actionForm.value = 'submit'; 	
	form.paymentMethod.value = payment;
	form.submit();
    return true;
    return true;
  
}
//--></script>

<h1>Payment Information</h1>

<form name="checkout_payment"
	action="<{$APPLICATION_URL}>/<{$ownerName}>Product/checkoutPayment"
	method="post">
	<div class="contentContainer">
		<h2>Billing Address</h2>
		<div class="contentText">
			<{if $billingAddress}>
			<div class="ui-widget infoBoxContainer" style="float: right;">
				<div class="ui-widget-header infoBoxHeading">Billing Address:</div>
				<div class="ui-widget-content infoBoxContents">
					<{$billingAddress->getName()}><br> <{$billingAddress->street}><br>
					<{$billingAddress->getState()}>, <{$billingAddress->city}>
					<{$billingAddress->postCode}><br> <{$billingAddress->getCountry()}>
				</div>
			</div>
			<{/if}> Please choose from your address book where you would like the
			invoice to be sent to.<br> <br> <span class=""><a id="tdb5"
				href="<{$APPLICATION_URL}>/<{$ownerName}>MyAccount/addAddress/type/bill"
				" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary ui-priority-secondary"
				role="button"><span
					class="ui-button-icon-primary ui-icon ui-icon-home"></span>Change
					Address</a> </span>
			<script type="text/javascript">$("#tdb5").button({icons:{primary:"ui-icon-home"}}).addClass("ui-priority-secondary").parent().removeClass("tdbLink");</script>
		</div>
		<div style="clear: both;"></div>
		<h2>Payment Method</h2>
		<div class="contentText">
			<div style="float: right;">
				<strong>Please Select</strong>
			</div>
			Please select the preferred payment method to use on this order.
		</div>
		<div class="contentText">
			<{if $googlecheckout_enable == "1"}>
			<p class="payment_module">
				<a title="Pay with GoogleCheckout"
					href="javascript:check_form('GoogleCheckout');">
					<img alt="Pay with GoogleCheckout"
					src="<{$APPLICATION_URL}>/Themes/Default/Images/gcheckout.gif"> Pay with GoogleCheckout </a>
			</p>
			<{/if}>
			<{if $paypal_enable == "1"}>
			<p class="payment_module">
				<a title="Pay with PayPal"
					href="javascript:check_form('Paypal');"> <img
					alt="Pay with PayPal"
					src="<{$APPLICATION_URL}>/Themes/Default/Images/integral_evolution.png">
				</a>
			</p>
			<{/if}>
			<{if $checkout_enable == "1"}>
			<p class="payment_module">
				<a title="Pay by checkout"
					href="#" onclick="javascript:check_form('2Checkout');"> <img
					alt="Pay by checkout"
					src="<{$APPLICATION_URL}>/Themes/Default/Images/2Checkout.gif"> Pay with
					2checkout </a>
			</p>
			<{/if}>
			<{if $worldpay_enable == "1"}>
			<p class="payment_module">
				<a title="Pay with WorldPay"
					href="javascript:check_form('Worldpay');"> <img
					alt="Pay with WorldPay"
					src="<{$APPLICATION_URL}>/Themes/Default/Images/worldpay.gif"> Pay with WorldPay
				</a>
			</p>
			<{/if}>
			<{if $eway_enable == "1"}>
			<p class="payment_module">
				<a title="Pay with Eway"
					href="javascript:check_form('Eway');"> <img
					alt="Pay with Eway"
					src="<{$APPLICATION_URL}>/Themes/Default/Images/eway.gif">
				</a>
			</p>
			<{/if}>
		</div>
		<h2>Add Comments About Your Order</h2>
		<div class="contentText">
			<textarea name="comment" cols="60" rows="5"><{$comment}></textarea>
		</div>
<!-- 
		<div class="contentText">
			<div style="float: right;">
				<span class=""><div id="tdb6" type="submit"
						class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary ui-priority-primary"
						role="button" aria-disabled="false" onclick="return check_form();">
						<span class="ui-button-icon-primary ui-icon ui-icon-triangle-1-e"></span>Continue
					</div> </span>
				<script type="text/javascript">$("#tdb6").button({icons:{primary:"ui-icon-triangle-1-e"}}).addClass("ui-priority-primary").parent().removeClass("tdbLink");</script>
			</div>
		</div>
		 -->
	</div>
	<input type="hidden" id="actionForm" name="actionForm" value="" />
	<input type="hidden" id="paymentMethod" name="paymentMethod" value="" />

</form>
